// 账号绑定
<template>
    <info-block @on-save="save" @on-cancel="cancel">
        <div slot="title">账号绑定</div>
        <div slot="read-box">
            <div class="info-block-line">
                <div class="read-head">
                    手机号
                </div>
                {{ user.tel }}
            </div>
            <div class="info-block-line">
                <div class="read-head">
                    电子邮箱
                </div>
                {{ user.email }}
            </div>
            <div class="info-block-line">
                <div class="read-head">
                    QQ号
                </div>
                {{ user.qq }}
            </div>
            <div class="info-block-line">
                <div class="read-head">
                    微信号
                </div>
                {{ user.wechat }}
            </div>
        </div>

        <div slot="edit-box" style="text-align: center">
            <div class="info-block-edit">
                手机号
                <Input v-model="user.tel"/>
            </div>
            <div class="info-block-edit">
                电子邮箱
                <Input v-model="user.email"/>
            </div>
            <div class="info-block-edit">
                QQ
                <Input v-model="user.qq"/>
            </div>
            <div class="info-block-edit">
                微信
                <Input v-model="user.wechat"/>
            </div>
        </div>

    </info-block>
</template>

<script lang='ts'>
import { AccountBind } from "./Index";
export default AccountBind;
</script>

<style lang='scss' scoped>
</style>